// components/test1/test1.js
Component({
    // 配置组件中样式是否隔离
    options:{
        // 默认值表示启用样式隔离，使用class指定样式将不会互相影响
        // styleIsolation:'isolated'
        // 页面wxss样式会受到自定义组件的影响
        // styleIsolation:'shared'
        // 组件样式受到页面wxss样式的影响
        // styleIsolation:"apply-shared"
        
    },
    /**
     * 组件的属性列表 用来接收外界传递给组件中的数据
     */
    properties: {
        // 第一方式 完整的方式定义
       /*  title:{//
            type:String,
            value:'xiubao'//默认值
        } */
        // 简写方式
        title:String
    },

    /**
     * 组件的初始数据 组件模板的私有数据
     */
    data: {
        count:0
    },

    /**
     * 组件的方法列表
     * 在methods中可以写事件处理函数和自定义方法
     */
    methods: {
        goshopping(){
            console.log('go shopping');
            // 需求 更改count中的值 
            this.setData({
                count: this.data.count + 1000
            })
            this._showwarn();
        },
        _showwarn(){//自定义方法 建议以_开头
            wx.showToast({
              title: '杨老板请付钱：' + this.data.count,
              icon:'none'
            })
        },
        changzhangdong(){
            // properties中的值改变，可以通过setData
            this.setData({
                title:'zhangodng'
            })
            // 在自定义组件中data和properties相同
            // data存储组件私有数据
            // properties存储的是外界传递给组件中的数据
            console.log(this.data === this.properties);
        }
    }
})
